//var socketOpen = false;
//var count = 0;
// var SocketTask;
// var url = 'xxxx'; //ws地址
Component({
  /**
   * 组件的属性列表
   */
  properties: {
    tips: {
      type: Array,
      value: [],
      observer: function (n) {
        if (n.length) {
          n.forEach(item => {
            if (item.type == 'warn') {
              item.w = item.tip_content.length * 40;
            } else {
              item.w = item.btn.length * 120;
            }

          })
          this.setData({
            tipsArr: n
          })
        }
      }
    },
    tip0: {
      type: String,
      value: '',
      observer: function (n) {
        if (n.length) {
          this.setData({
            tip0: n
          })
        }
      }
    },
    tip1: {
      type: String,
      value: '',
      observer: function (n) {
        if (n.length) {
          this.setData({
            tip1: n
          })
        }
      }
    },
    tip2: {
      type: String,
      value: '',
      observer: function (n) {
        if (n.length) {
          this.setData({
            tip2: n
          })
        }
      }
    },
  },
  /**
   * 组件的初始数据
   */
  data: {
    top1ok: 190,
    top2ok: 660,
    top3ok: 310,
    top4ok: 160,
    count:0,
    str:'',
  },
  /**
  * 页面加载完成执行
  */
 lifetimes:{
  ready(){
    var that =this;
    wx.getSystemInfo({
      success: function (res) {
        console.log(res);
        // 屏幕宽度、高度
        console.log('height=' + res.windowHeight);
        console.log('width=' + res.windowWidth);
        // 高度,宽度 单位为px
        that.setData({
          windowHeight:  res.windowHeight,
          windowWidth:  res.windowWidth,
          //buttonTop1:buttonTop1,//这里定义按钮的初始位置
          //buttonLeft:res.windowWidth*0.70,//这里定义按钮的初始位置
        })
      }
    })
    

  },
  attached: function() {
    // 在组件实例进入页面节点树时执行
  },
  detached: function() {
    // 在组件实例被从页面节点树移除时执行
  },
},
 //组件所在页面的生命周期
 pageLifetimes: {
  show: function() {
    // 页面被展示
  },
  hide: function() {
    // 页面被隐藏
  },
  resize: function(size) {
    // 页面尺寸变化
  }
},
   /**
   * 组件的方法列表
   */
  methods: {
  changeImg:function(e){
    let huo = e.currentTarget.dataset.huo;
    let scrollTop = e.detail.scrollTop;
    let offset = 200;
    let topok = 'top'+huo+'ok';
    let buttonTopOK = this.data[topok];
    //let count = this.data.count;
    let str = this.data.str;
    //count = parseInt(count);
    console.log('scrollTop==='+scrollTop + ' huo='+huo);
    if(scrollTop<=buttonTopOK+offset && scrollTop>=buttonTopOK-offset){
      if(str.indexOf(huo)==-1){
        this.data.count++;
        this.data.str += huo+';';
      }
      console.log('end OK huo='+huo+' top='+scrollTop+' count='+this.data.count+' str='+this.data.str)
    }
    if(this.data.count>=4){
      // wx.showToast({
      //   title: '操作成功！',  // 标题
      //   icon: 'success',   // 图标类型，默认success
      //   duration: 1500   // 提示窗停留时间，默认1500ms
      // })
      console.log('操作成功！');
    }
    
  },
    /*
     * 内部私有方法建议以下划线开头
     * triggerEvent 用于触发事件
     */
    _okEvent(){
      //触发取消回调
      var that = this;
      console.log('触发取消回调')
      var isOk = 0;
      if(this.data.count>=4){
        isOk = 1;
      }
      return isOk;
      //this.triggerEvent("cancelEvent")
    },
  onHide: function () {
    // SocketTask.close(function (close) {
    //     console.log('关闭 WebSocket 连接。', close)
    // })     
    //停止监听加速度数据 
    //wx.stopAccelerometer();
  },
  onUnload: function () {
    //wx.stopAccelerometer();
  },
  //创建一个动画实例
  initAnimation:function(){
    var that = this;
    that.animation = wx.createAnimation({
       duration: 100,
       timingFunction: "ease",
       delay: 0,
       transformOrigin: 'center bottom',
       success: function (res) {
         console.log(res)
       }
    });
  },
  // 动画
  shake:function(){
    var that = this;
    wx.vibrateLong();
    that.animation
     .translate(25).rotate(20).step()
     .translate(0).step()
     .translate(-25).rotate(-20).step()
     .translate(5).rotate(5).step()
     .translate(0).step()
     .translate(-5).rotate(-5).step()
     .translate(0).rotate(0).step();
    that.setData({
      animation: that.animation.export()
     });
   },
    webSocket:function () {
        // 创建Socket
        SocketTask = wx.connectSocket({
            url: url,
            data: 'data',
            header: {
                'content-type': 'application/json'
            },
            method: 'post',
            success: function (res) {
                console.log('WebSocket连接创建', res)
            },
            fail: function (err) {
                wx.showToast({
                   title: '网络异常！',
                })
                console.log(err)
            },
        })
   },
   // 发送数据
   sendSocketMessage:function() {
       var that = this;
       var message = {
            "user_id": userid,
            "user_name": username,
            "user_avatar": useravatar,
        "user_phone": userphone
       }     
       console.log('通过 WebSocket 连接发送数据', JSON.stringify(message))
       SocketTask.send({
       data: JSON.stringify(message)
       }, function (res) {
          console.log('已发送', res)
       })
   },
  }
 })
